/*
 * This is is imported by virtue of "sass.etc" in "app.json".
 */
 @mixin btn-border($background-color){
   background-color: $background-color;
   border-color: $background-color !important;
   .x-btn-inner-default-toolbar-small{
     color: $lightest-color;
   }
   &:hover{
     .x-btn-inner-default-toolbar-small,.x-btn-inner-default-small{
       color: $background-color;
     }
     .x-btn-icon-el-default-small,.x-btn-icon-el-default-toolbar-small{
       color: $background-color;
     }
     background-color: transparent;
   }
 }

 @mixin border-radius($radius) {
   -webkit-border-radius: $radius;
   -moz-border-radius: $radius;
   -ms-border-radius: $radius;
   border-radius: $radius;
 }

 @mixin box-shadow($h-shadow,$v-shadow,$blur,$spread,$shadow-color) {
   $value: $h-shadow, $v-shadow, $blur, $spread, $shadow-color;
   -webkit-box-shadow: $value;
   -moz-box-shadow: $value;
   -ms-box-shadow: $value;
   box-shadow: $value;
 }

 *:focus {
   outline:0 !important;
 }

 .x-menu-header {
   z-index: 0 !important;
 }

 .x-css-shadow{
   box-shadow:none !important;
 }

 .x-fa {
   display: inline-block;
   font: normal normal normal 14px/1 $font-family;
 }

 .alignRight {
   float: right;
 }

 .boldFont {
   font-weight: bold;
 }
